<!DOCTYPE html>
<html>
<head>
    <title>最求完美</title>
    <meta charset="utf-8">
    <meta name="keywords" content="最求完美  山西  柳林  博客  519032766 宋一飞  java 程序员 工程师">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="description" content="最求完美  山西  柳林  博客  519032766 宋一飞  java 程序员 工程师">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="baidu_union_verify" content="9eb4fa489ce3376e5248a2f3fa987db7">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script>
        var loadimg="<img src='images/loading.gif' />"; // 加载时的loading图片

        function showPage(tabId, url){
            $('#nav-tab a[href="#'+tabId+'"]').tab('show'); // 显示点击的tab页面
            if($('#'+tabId).html().length<20){ // 当tab页面内容小于20个字节时ajax加载新页面
                $('#'+tabId).html('<br>'+loadimg+' 页面加载中，请稍后...'); // 设置页面加载时的loading图片
                if(url!=""){$('#'+tabId).load(url); }//* ajax加载页面*/
            }
        }
    </script>

</head>
<body>
<#include "header.ftl">
<!--内容-->
<div class="panel">
    <div class="container" style="width:100%">
        <div class="row col-sm-9 col-md-9" >
            <div class="row">
                option = {
                title : {
                text: 'iphone销量',
                subtext: '纯属虚构',
                x:'center'
                },
                tooltip : {
                trigger: 'item'
                },
                legend: {
                orient: 'vertical',
                x:'left',
                data:['iphone3','iphone4','iphone5']
                },
                dataRange: {
                min: 0,
                max: 2500,
                x: 'left',
                y: 'bottom',
                text:['高','低'],           // 文本，默认为数值文本
                calculable : true
                },
                toolbox: {
                show: true,
                orient : 'vertical',
                x: 'right',
                y: 'center',
                feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                restore : {show: true},
                saveAsImage : {show: true}
                }
                },
                roamController: {
                show: true,
                x: 'right',
                mapTypeControl: {
                'china': true
                }
                },
                series : [
                {
                name: 'iphone3',
                type: 'map',
                mapType: 'china',
                roam: false,
                itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
                },
                data:[
                {name: '北京',value: Math.round(Math.random()*1000)},
                {name: '天津',value: Math.round(Math.random()*1000)},
                {name: '上海',value: Math.round(Math.random()*1000)},
                {name: '重庆',value: Math.round(Math.random()*1000)},
                {name: '河北',value: Math.round(Math.random()*1000)},
                {name: '河南',value: Math.round(Math.random()*1000)},
                {name: '云南',value: Math.round(Math.random()*1000)},
                {name: '辽宁',value: Math.round(Math.random()*1000)},
                {name: '黑龙江',value: Math.round(Math.random()*1000)},
                {name: '湖南',value: Math.round(Math.random()*1000)},
                {name: '安徽',value: Math.round(Math.random()*1000)},
                {name: '山东',value: Math.round(Math.random()*1000)},
                {name: '新疆',value: Math.round(Math.random()*1000)},
                {name: '江苏',value: Math.round(Math.random()*1000)},
                {name: '浙江',value: Math.round(Math.random()*1000)},
                {name: '江西',value: Math.round(Math.random()*1000)},
                {name: '湖北',value: Math.round(Math.random()*1000)},
                {name: '广西',value: Math.round(Math.random()*1000)},
                {name: '甘肃',value: Math.round(Math.random()*1000)},
                {name: '山西',value: Math.round(Math.random()*1000)},
                {name: '内蒙古',value: Math.round(Math.random()*1000)},
                {name: '陕西',value: Math.round(Math.random()*1000)},
                {name: '吉林',value: Math.round(Math.random()*1000)},
                {name: '福建',value: Math.round(Math.random()*1000)},
                {name: '贵州',value: Math.round(Math.random()*1000)},
                {name: '广东',value: Math.round(Math.random()*1000)},
                {name: '青海',value: Math.round(Math.random()*1000)},
                {name: '西藏',value: Math.round(Math.random()*1000)},
                {name: '四川',value: Math.round(Math.random()*1000)},
                {name: '宁夏',value: Math.round(Math.random()*1000)},
                {name: '海南',value: Math.round(Math.random()*1000)},
                {name: '台湾',value: Math.round(Math.random()*1000)},
                {name: '香港',value: Math.round(Math.random()*1000)},
                {name: '澳门',value: Math.round(Math.random()*1000)}
                ]
                },
                {
                name: 'iphone4',
                type: 'map',
                mapType: 'china',
                itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
                },
                data:[
                {name: '北京',value: Math.round(Math.random()*1000)},
                {name: '天津',value: Math.round(Math.random()*1000)},
                {name: '上海',value: Math.round(Math.random()*1000)},
                {name: '重庆',value: Math.round(Math.random()*1000)},
                {name: '河北',value: Math.round(Math.random()*1000)},
                {name: '安徽',value: Math.round(Math.random()*1000)},
                {name: '新疆',value: Math.round(Math.random()*1000)},
                {name: '浙江',value: Math.round(Math.random()*1000)},
                {name: '江西',value: Math.round(Math.random()*1000)},
                {name: '山西',value: Math.round(Math.random()*1000)},
                {name: '内蒙古',value: Math.round(Math.random()*1000)},
                {name: '吉林',value: Math.round(Math.random()*1000)},
                {name: '福建',value: Math.round(Math.random()*1000)},
                {name: '广东',value: Math.round(Math.random()*1000)},
                {name: '西藏',value: Math.round(Math.random()*1000)},
                {name: '四川',value: Math.round(Math.random()*1000)},
                {name: '宁夏',value: Math.round(Math.random()*1000)},
                {name: '香港',value: Math.round(Math.random()*1000)},
                {name: '澳门',value: Math.round(Math.random()*1000)}
                ]
                },
                {
                name: 'iphone5',
                type: 'map',
                mapType: 'china',
                itemStyle:{
                normal:{label:{show:true}},
                emphasis:{label:{show:true}}
                },
                data:[
                {name: '北京',value: Math.round(Math.random()*1000)},
                {name: '天津',value: Math.round(Math.random()*1000)},
                {name: '上海',value: Math.round(Math.random()*1000)},
                {name: '广东',value: Math.round(Math.random()*1000)},
                {name: '台湾',value: Math.round(Math.random()*1000)},
                {name: '香港',value: Math.round(Math.random()*1000)},
                {name: '澳门',value: Math.round(Math.random()*1000)}
                ]
                }
                ]
                };
            </div>
        </div>

        <div class="row col-sm-3 col-md-3" style="margin-left:25px;" >
            <div ><h3>文章分类</h3>
                <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list labelArtricle as article>
                    <li style="list-style:none;" class="active">
                        <a href="/article/detail/${article.label}/+"><span class="badge pull-right">${article.looksum}</span>${article.label}</a>
                    </li>
                </#list>
                </ul>
            </div>
            <div><h3>文章归档</h3>
                <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list topArticle as article>
                    <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
                </#list>
                </ul>
            </div>
            <div><h3>最新文章</h3>
                <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list topNew as article>
                    <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
                </#list>
                </ul>
            </div>
            <div><h3>热门总排行</h3>
                <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list topArticle as article>
                    <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
                </#list>
                </ul>
            </div>
            <div style=""><h3></h3>
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!-- 首页右边侧广告 -->
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-9801360103378152"
                     data-ad-slot="9094550806"
                     data-ad-format="auto"></ins>
                <script>
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>

                <ul style="margin-left:0px;padding-left:0px;font-size:16px;">
                <#list topToday as article>
                    <li style="list-style:none;"><a href="/article/detail/${article.id?c}/+">${article.title}</a>(${article.looksum})</li>
                </#list>
                </ul>
            </div>
        </div>
    </div>

</div>

<#include "footer.ftl">
</body>
</html>
